<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div id="cont">
        <div id="top">
            <img class="close" src="./img/关  闭@2x.png" alt="">
            <img class="lj" src="./img/微信图片_20201225151300@2x.png" alt="">
            <h3>手机账号登录</h3>

        </div>
        <div id="mid">
            <div class="input">
                <select  id="sid" >
                    <option>+86</option>
                    <option>+07</option>
                    <option>+10</option>
                </select>     
                <input type="text" name="text" class="text" placeholder="15507005869">
                <input type="password" name="password" class="password" placeholder="请输入密码">
                <img src="./img/组 321@2x.png" alt="" class="forget">
                
                <text>忘记密码</text>

                <div class="btn">
                    <button>登录</button>
                    <div class="yzm">使用验证码登录</div>
                    <div class="nic">
                        <input type="radio" name="" class="log">
                        我已同意<span>《用户服务协议》</span>和<span>《隐私政策》</span>

                    </div>



                </div>
            </div>
            


        </div>
        <div id="bottom">
            <div class="thr">使用第三方登录</div>
            <img src="./img/组 426@2x.png" alt="">
        </div>
    </div>
</body>
</html>